<script>
    function borrar()
{
	document.f.reset();
	alert("Los datos han sido enviados correctamente.");
	//window.parent.Shadowbox.close();
}
	 
function  preview()
{
	//tomo la variable para mostrarla y confirmar
	var nombre 		= document.f.nombre.value;

	var email 		= document.f.email.value;
	var telefono	= document.f.telefono.value;
	var comentario 	= document.f.comentario.value;
	var tipodni 	= document.f.tipodni.value;
	var nrodni 		= document.f.nrodni.value;
	var curso 		= document.f.curso.value;
	var msj 		= "Verifique si sus datos son correctos y confirme el envio de la Preinscripcion:\n\nNombre:"+nombre+"\nTelefono: "+telefono+ "\nMail:"+email+       "\n"+tipodni+": "+nrodni+  "\ncurso: " +curso;

	if (confirm(msj))
	{
		//borrar()
		//si confirma, se envía
		document.f.submit() ;
	}
	else
	{
		//si no confirma, retorna falso
		return false;
	}
}

function enviar()
{
	//tomo los datos
	nombre=(document.f.nombre.value);
	apellido=(document.f.apellido.value);
	telefono=(document.f.telefono.value);
	email=(document.f.email.value);
	tipodni=(document.f.tipodni.value);
	nrodni=(document.f.nrodni.value);
	curso=(document.f.curso.value);


	//valido
	if (document.f.nombre.value==""){   //valido el nombre
		alert("Por favor, escriba su nombre.");
		document.f.nombre.focus();
		return false;
    }
	
	
	
	valor = document.f.telefono.value;//valido el telefono
 	if(  !(/^[0-9]{2,4}-? ?[0-9]{6,9}$/.test(valor)) ) //de 2 a 4 dígitos (característica ,guión, de 6 a 9 por si es celular
	{
		alert("Ingrese un telefono valido.")
		document.f.telefono.focus();
		return false;
	}
	
	valor = document.f.nrodni.value;
	
	if  (!(/^[0-9]+$/.test(valor))) //valido el nro de dni
	{
		alert("Ingrese un nro. de DNI valido.")
		document.f.nrodni.focus();
		return false;
	}
	if (document.f.comentario.value==""){   //valido el comentario
		alert("Por favor, escriba un comentario.");
		document.f.comentario.focus();
		return false;
    }
	
	var s = document.f.email.value;
	var filter=/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+.[A-Za-z0-9_.]+[A-za-z]$/;
	if (filter.test(s)) 
	{
		preview()
		//si está todo validado llamo a la función preview así muestra y confirma el envio
	}
	
	else{
		alert("Ingrese un mail valido.");
		document.f.email.focus();
		return false;
	}
}

</script>
<div id="pagina">
<div id="contenido" style="width: 100%; text-align: center;">
    <h2>PREINSCRIPCI&Oacute;N</h2>
    <?php echo form_open('web/inscripcion', array('name'=>'f')) ?>
        <table align="center" width="800">
            <tr><td >Nombre:</td><td width="10"><input type="text" name="nombre" value="Luis"></td></tr>
            <tr><td >Apellido:</td><td width="10"><input type="text" name="apellido" value="Palermo"></td></tr>
            <tr><td>Tel&eacute;fono:</td><td><input type="text" name="telefono" value="0341-153293702"></td></tr>
            <tr><td>Email:</td><td><input type="text" name="email" value="chino690@hotmail.com" ></td></tr>
            <tr>
                <td align="left">Tipo Dni:</td>
                <td   align="left"> 
                    <select name="tipodni">                                          
                        <option selected="selected" value="1">DNI</option>
                        <option value="2">LC</option>
                        <option value="3">LE</option>
                        <option value="4">Pasaporte</option>
                    </select>
                </td>
                <td  align="center">Número:</td>
                <td><input type="text" name="nrodni" value="2030557451"></td>
            </tr>
            <br>
            <tr> <th colspan="4" align="center"><br><h3>Seleccione  el curso  de  su  preferencia :</h3></th></tr>
            <tr><td align="center">
            <?php
                echo "<select  name='curso'>" ;	
                foreach($cursos as $curso) {
                    echo "<option value=".$curso['idCurso'].">".$curso['titulo']."</option>";
                }

            ?></td>
        </table>
        <br>
        <h3>Observaciones :</h3>                
        <textarea class=estilotextarea3 name="comentario" cols="40" rows="12">Texto de prueba.</textarea> <br>
        <input type="button" value="Enviar" onclick="enviar()"> 
        <input type="reset" value="Borrar">
    </form>
    </div>
</div>
